<template>
    <div class="container" :style="{ height: height }">
        <div class="demo">
            <wxc-minibar :title="title"
                         background-color="#009ff0"
                         text-color="#FFFFFF"
                         right-text="more"
                         leftButton=""
                         @wxcMinibarLeftButtonClicked="minibarLeftButtonClick"
                         @wxcMinibarRightButtonClicked="minibarRightButtonClick"></wxc-minibar>
        </div>
    </div>
</template>

<script>

  import { WxcMinibar } from 'weex-ui';
  const modal = weex.requireModule('modal');

  export default {
    props: ['title'],
    components: { WxcMinibar },
    methods: {
      minibarLeftButtonClick () {
      },
      minibarRightButtonClick () {
        modal.toast({ 'message': 'click rightButton!', 'duration': 1 });
      }
    }
  };
</script>
